@charset "utf-8";
/* CSS Document */
body{
	  font-family: 'Open Sans', sans-serif;
	  background:#ecf0f1;

}
a{
	  text-decoration:none;
	  color:white;
}
input[type=submit] {
	padding:2px 15px; 
	background-color:#ecf0f1;
	border:1px solid #1abc9c;
	color: #16a085;
}
input[type=submit]:hover {  /*http://stackoverflow.com/questions/17042201/how-to-style-input-and-submit-button-with-css*/
	padding: 2px 15px; 
	border:0 none;
	transition:ease;
	transition-duration: 0.4s;
	background-color:#1abc9c; 
	border:1px solid #1abc9c;
	color: white;
}
h1{
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
				/* 'Open Sans', sans-serif; */
	color:#1abc9c;
	width: auto;
	margin:auto;
	margin-top: 15px;
	padding-bottom: 10px;
	text-align:center;
}
h3{
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	color:#1abc9c;
	font-size: 20px;
	margin-top: 30px;
	text-decoration:none;		
}
.smazatVse{
	color: #16a085;
	border: 1px solid #1abc9c;
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	padding: 3px 15px;
	width: 245px;
	margin: auto;
	text-align:center;
	margin-bottom: 38px;
	margin-top:-8px;
}
.smazatVse:hover{
	color: white;
	border: 1px solid #1abc9c;
	background-color: #1abc9c;
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	width: 245px;
	padding: 3px 15px;
	transition:ease;
	transition-duration: 0.4s;
}
.smazatVse a{
	color: #16a085;
}
.smazatVse a:hover{
	color: white;
}
.logo{
	  float:left;
	  color:white;
	  font-weight:600;
	  margin-right:15px;
	  margin-left:20px;
	  padding-right:30px; 
}

/*STart - menu*/
.ejkej{

		height: 300px;
		width: auto;
		margin: auto;
		float: center;
		text-align: center;
}
.menu{
	  background:#1abc9c;
	  border-radius:6px;
	  width:800px;
	  padding-top:15px;
	  padding-bottom:15px;
	  font-size:14px;
	  font-family: 'Ubuntu', sans-serif;
	  font-weight:400;
	  margin-left:6%;
	  border-bottom: #16a085 3px solid;
	  margin-bottom:10px;
	  margin:auto;
	  text-align:center;
}

.menu ul { 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none; 
}

.menu li { 
	margin-right: 0px; 
	display: inline; 
}

.menu ul li a { 
	text-decoration:none;  
	margin: 0px; 
	padding: 15px 20px 15px 20px; 
	color:#ffffff; 
}

.menu ul li a:hover { 
	color: #fff; 
	background-color:#16a085; 
	text-decoration:none; 
}

.menuPolozkaAktive { 
	text-decoration:none;  
	margin: 0px; 
	padding: 15px 20px 15px 20px;
	color: #fff; 
	background-color:#16a085; 
	text-decoration:none; 
}

div.formular{
	color: #1abc9c;
	background-color: #ecf0f1;
	height: 400px;
	width: 800px;
	margin: auto;
	padding: 10% 5px 5px 5px;
	text-align: left;
}
div.formular2{
	color: #1abc9c;
	height: auto;
	width: 400px;
	margin: -14px 5px 24px 5px;
	padding: 5px 5px 5px 37%;
	text-align: center;
	
}
div.formular3{
	color: #1abc9c;
	height: 30px;
	width: auto;
	margin: -14px 5px 24px 5px;
	padding: 5px 5px 5px 40%;
	text-align: center;
	
}
div.formularPridaniPredmetu{
	color: #1abc9c;
	height: 30px;
	width: auto;
	margin: -14px 5px 24px 5px;
	padding: 5px 5px 5px 36.5%;
	text-align: center;
	
}
div.formularAdmin{
	color: #1abc9c;
	height: auto;
	width: 500px;
	text-align: center;
	margin: auto;
	
}
div.kolonka{
	color:#1abc9c;
	width: 300px;
	height: auto;
	background-color: #ecf0f1;
	margin: auto;
	margin-left: 22.7%;
	padding: 5px 5px 5px 5px;
	text-align: right;
}
div.kolonka2{
	color:#1abc9c;
	width: 300px;
	height: auto;
	background-color: #ecf0f1;
	/*border: 1px solid black;*/
	margin: auto;
	padding: 5px 5px 5px 5px;
	text-align: center;
}
div.kolonka3{
	color:#1abc9c;
	width: auto;
	height: auto;
	background-color:#ecf0f1 ; 
	text-align: center;
	/*margin-left: 25%;*/
	padding: 3px 1px 3px 2px;
	margin: auto;
    float: left;
}
div.kolonka4{
	color:#1abc9c;
	width: 300px;
	height: auto;
	background-color: #ecf0f1;
	margin: auto;
	margin-left: 13.3%;
	padding: 5px 5px 5px 5px;
	text-align: right;
}
div.kolonkaAdmin{
	color:#1abc9c;
	width: auto;
	height: auto;
	margin: auto;
	margin-right: 31%;
	padding: 5px 5px 5px 5px;
	text-align: right;
}
div.vypis{
	color: #1abc9c;
	width: auto;
	height: auto;
	z-index: 10;
	margin: auto;
	text-align: center;
	/*border: 1px solid #1abc9c;*/
}
div.vypisPredmetu{
	width: auto;
	height: auto;
	z-index: 10;
	padding: auto;
	margin: auto;
	text-align: center;
} 
/* stylovaní vypisu */ 
table {
border: 1px #1abc9c solid;
border-radius:6px;
border-collapse:collapse;
table-layout:fixed;
margin: auto;
text-align: center;

/*border-style: solid; */
}

thead, th{
/* barva pozadí hlavičky tabulky */
background-color:#1abc9c;
/* barva písma hlavičky tabulky */
color:#FFF;
/* převod písmen v hlavičce tabulky na velká */ 
/*text-transform:uppercase;*/
/* tučný font v hlavičce tabulky */ 
font-size:14px;
font-family: 'Ubuntu', sans-serif;¨
font-weight:400;
border-left: 1px white solid; /*1abc9c*/
margin: 5px 5px 5px 5px;
width: 250px;
/*border-radius:6px;*/
}

td {
padding: 3px;
color:#16a085; /* 16a085,1abc9c */
height: 50px;
width: 200px;
border: 1px #1abc9c dotted;
/*border-radius:6px;*/
}
td.smazat:hover {
	background-color:#1abc9c;
	transition:ease;
	transition-duration: 0.4s;
	border-top: 1px solid white;
}

	

td.smazat:hover a {
	
	color:white;
}


table a {
	
	color:#16a085;
}
tr.vypis {
	cursor: pointer;
}
.celaBunka{
	margin:auto;
	text-align:center;
	float:left;
} 
.nazevBunky{
	width: 20px;
	margin:auto;
	margin-top: 15px;
	text-align:center;
	
	
}
.sipka {
	font-size:10px;	
	height: auto;
	margin:auto;
	text-align:center;
	ackground-color: green;
	color:white;	
}
.proPrehlednost a{
	color:white;
}
.zpetNaBurzu {
	width: auto;
	margin:auto;
	margin-top: 20px;
	text-align:center;
	/*background-color:red;*/
}
.zpetNaBurzu a{
	color: #1abc9c;
}
.zpetNaBurzu a:hover{
	color: #16a085;
}
.prodlouzit{
	/*background-color: #1abc9c;*/
	border: 1px #1abc9c solid;
	width: 407px;
	height: auto;
	text-align: center;
	padding: 20px 3px 20px 3px;
	margin: auto;
	margin-top: -19px;
	margin-bottom: 19px;
}
.prodlouzit:hover{
	background-color:#1abc9c;
	transition:ease;
	transition-duration: 0.2s;
	/*border: 1px #1abc9c solid;
	width: 407px;
	height: auto;
	text-align: center;
	padding: 20px 3px 20px 3px;
	margin: auto;
	margin-top: -19px;*/
}
.prodlouzit a{
	color: #16a085;	
}
.prodlouzit:hover a{
	color:white;
	margin-top: 10px;
}
table.statistika1 {
	border: 1px #1abc9c solid;
	border-radius:6px;
	border-collapse:collapse;
	table-layout:fixed;
	margin: auto;
	margin-bottom: 50px;
	text-align: center;
}
table.statistika2 {
	border: 1px #1abc9c solid;
	border-radius:6px;
	border-collapse:collapse;
	table-layout:fixed;
	margin: auto;
	margin-top: 170px;
	margin-bottom: 50px;
	text-align: center;
}